<template>
	<el-card class="layout-home">
		<div class="title">
			<p>{{ state.userInfo.realName }},您好</p>
			<p>欢迎进入{{ store.appStore.title }}！</p>
			<span></span>
		</div>
		<img class="img" src="@/assets/hmm/9.png" alt="" />
	</el-card>
</template>
<script setup lang="ts">
import { reactive, onMounted } from 'vue'
import bgImg from '../../assets/rzg/getawayBg.png'
import store from '@/store'
const state = reactive({
	userInfo: {},
	title: ''
})
onMounted(() => {
	let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
	let title = sessionStorage.getItem('title')
	state.userInfo = userInfo
	state.title = title
})
</script>
<style lang="scss" scoped>
.layout-home {
	height: calc(100vh - 125px);
	.title {
		p {
			color: #606266;
			font-size: 18px;
			&:nth-child(1) {
				color: #303133;
				font-size: 32px;
				font-weight: 700;
				margin-bottom: 5px;
			}
		}
		span {
			width: 38px;
			height: 6px;
			background: #667afa;
			display: block;
			margin-top: 10px;
		}
	}
	.img {
		height: calc(100vh - 300px);
		display: block;
		margin: 40px auto 0;
	}
}
.layout-home .welcome {
	text-align: left;
	margin-left: 62px;
	margin-top: 62px;
}
.layout-home h1 {
	font-size: 32px;
	color: #303133;
}
.layout-home p {
	font-size: 18px;
	color: #606266;
}
.layout-home .line {
	width: 37px;
	height: 5px;
	background: #409eff;
	margin-top: 12px;
}
</style>
